<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="../common/jspcommon.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<%@include file="../common/meta.jsp" %>
<title>主题 - 果果街</title>
<%@include file="../common/css.jsp" %>
<%@include file="../common/js.jsp" %>
<link href="css/v3/huabao/huabao.css" type="text/css" rel="stylesheet" />
</head>
<body>
<!-- header_v3 -->
<%@include file="../common/header.jsp"%>
<!-- header_v3-end -->
<!-- content-->
<div class="w100p">
	<c:if test="${fn:length(topAdv) > 0}">
		<div class="w980 mg mb15 clearfix">
			<c:forEach items="${topAdv}" var="top">
        		<a target="_blank" href="${top.hyperlink}" class="fl block"><img src="${top.picture}" class="block r5" alt="${top.title}" height="61"/></a>
        	</c:forEach>
	    </div>
	</c:if>
   	
    <%--<div class="w980 mg mb10 clearfix">
    	<h3 class="f22 ff6699 fl ml5">主题</h3>
        <span class="fl fc9 ml15 mt10">主题画报频道介绍，介绍。。。。。。。。</span>
    </div>
    
    --%><div class="w980 mg clearfix">
    	<!-- left-->
    	<div class="fl mr15">
    		<c:forEach items="${pageModel.list}" var="topic" begin="0" end="0">
    			<div class="ztinside_v3 mb15">
	            	<div class="boxhead_v3 w660 mg pr h5">
	        			<span class="lt"></span>
	            		<span class="rt"></span>	
	        		</div>
	                <div class="wrap_v3">
	                	<div class="mt15 mb15 ml15 mr10">
	                    	<h3 class="fn clearfix mb10">
	                        	<a target="_blank" href="picTopicDetail.htm?tid=${topic.identifier}" class="golook_v3 fr white">去看看</a>
	                        	<span class="fl f14 fb">主题：</span>
	                            <a href="picTopicDetail.htm?tid=${topic.identifier}" class="fl f14 fb title_v3"><c:out value="${topic.name}" /></a>
	                            <span class="fl ml20 fc9"><i>更新：</i><i><fmt:formatDate value="${topic.gmtModified}" pattern="yyyy-MM-dd" /></i></span>
	                            <span class="fl ml20 fc9"><i>画报(</i><i>${topic.picAmount}</i><i>)</i></span>
							</h3>
	                        <p class="lh150 detail_v3">${topic.description}</p>
	                        <a target="_blank" href="picTopicDetail.htm?tid=${topic.identifier}" class="block mt5">
	                        	<img src="${topic.image1}" width="637" height="191" class="block" alt="${topic.name}"/>
	                        </a>
	                        <ul class="pic_v3 clearfix">
	                        	<c:forEach items="${topic.picUrlList}" var="picUrl" begin="0" end="5">
	                        		<li class="fl">
		                            	<a target="_blank" href="picTopicDetail.htm?tid=${topic.identifier}" class="block"><img width="102" height="103" src="${picUrl}_100x100.jpg" class="block" alt="${topic.name}"/></a>
		                            </li>
	                        	</c:forEach>
	                        </ul>
	                    </div>
	                </div>
	                <div class="boxfoot_v3 w660 mg pr h5">
	        			<span class="lb"></span>
	            		<span class="rb"></span>	
	        		</div>
	            </div>
    		</c:forEach>
        	<c:forEach items="${pageModel.list}" var="topic" begin="1">
        		<div class="ztinside_v3 mb15">
	            	<div class="boxhead_v3 w660 mg pr h5">
	        			<span class="lt"></span>
	            		<span class="rt"></span>	
	        		</div>
	                <div class="wrap_v3">
	                	<div class="mt15 mb10 ml15 mr10">
	                    	<h3 class="fn clearfix mb10">
	                        	<a target="_blank" href="picTopicDetail.htm?tid=${topic.identifier}" class="golook_v3 fr white">去看看</a>
	                        	<span class="fl f14 fb">主题：</span>
	                            <a href="picTopicDetail.htm?tid=${topic.identifier}" class="fl f14 fb title_v3"><c:out value="${topic.name}" /></a>
	                            <span class="fl ml20 fc9"><i>更新：</i><i><fmt:formatDate value="${topic.gmtModified}" pattern="yyyy-MM-dd" /></i></span>
	                            <span class="fl ml20 fc9"><i>画报(</i><i>${topic.picAmount}</i><i>)</i></span>
							</h3>
	                        <p class="lh150 detail_v3">${topic.description}</p>
	                        <div class="clearfix">
	                            <a target="_blank" href="picTopicDetail.htm?tid=${topic.identifier}" class="block mt5 fl">
	                                <img width="421" height="212" src="${topic.image2}" class="block" alt="${topic.name}"/>
	                            </a>
	                            <ul class="pic_v3 clearfix fl second_v3">	
	                            	<c:forEach items="${topic.picUrlList}" var="picUrl" begin="0" end="3">
	                            		<li class="fl">
		                                    <a target="_blank" href="picTopicDetail.htm?tid=${topic.identifier}" class="block"><img width="102" height="103" src=${picUrl}_100x100.jpg class="block" alt="${topic.name}"/></a>
		                                </li>
	                            	</c:forEach>
	                            </ul>
	                        </div>
	                    </div>
	                </div>
	                <div class="boxfoot_v3 w660 mg pr h5">
	        			<span class="lb"></span>
	            		<span class="rb"></span>	
	        		</div>
	            </div>
        	</c:forEach>
        </div>
        <!-- left--end-->
        
        <!-- right-->
        <div class="fl w270 ztright_v3">
        	<div class="boxhead_v3 w260 mg pr h5">
            	<span class="lt"></span>
           		<span class="rt"></span>	
        	</div>
            <div class="wrap_v3">
                <div class="mt10 ml10 mr10 mb10">
                    <h3 class="f14 ff6699 fn">最热主题活动</h3>
                    <p class=" mt5 lh150">${postList[0].description}</p>
                    <a href="${postList[0].hyperlink}" class="block mt10 mb10"><img height="48" src="${postList[0].picture}" class="block" /></a>
                    <div class="otherinfo">
                    	<c:forEach items="${postList}" var="pt" begin="1" end="4">
                    		<div class="clearfix mb15">
	                            <span class="ff6699 fl">【${pt.title}】</span><a href="${pt.hyperlink}" class="fl title_v3">${pt.description}</a>
	                        </div>
                    	</c:forEach>
                    </div>	
            	</div>
                <div class="ml5 mr5">
                	<p class="separate_v3 mb10"></p>
                </div>
                <div class="mt10 ml15 mr15 mb10">
                	<h3 class="f14 ff6699 fn">正在加入主题的画报。。。</h3>
                    <ul class="joinzt_v3">
                    	<c:forEach items="${joinTopic.list}" var="pictorial">
                    		<li class="clearfix">
	                        	<a target="_blank" href="picdt.htm?id=${pictorial.identifier }" class="block fl mr5"><img src="${pictorial.imageServer }${pictorial.avatar}" width="28" height="28" class="block" /></a>
	                            <div class="fl info_v3">
	                            	<div class="clearfix">
	                            		<a target="_blank"  href="picdt.htm?id=${pictorial.identifier}" class="ff6699 name_v3 fl" nickname="${pictorial.nickname}"><c:choose><c:when  test="${fn:length(pictorial.nickname) > 8 }">${fn:substring(pictorial.nickname,0,8)}</c:when><c:otherwise>${pictorial.nickname}</c:otherwise></c:choose></a>
	                                	<span class="fc9 ml10 fr">${pictorial.formatDate}</span>
	                                </div>
	                                <span class="fc9 hbname_v3"><i>分享</i><a target="_blank" href="picdt.htm?id=${pictorial.identifier }">《<c:choose><c:when  test="${fn:length(pictorial.title) > 8 }">${fn:substring(pictorial.title,0,8)}...</c:when><c:otherwise>${pictorial.title}</c:otherwise></c:choose>》</a><i>画报</i></span>
	                            </div>
	                        </li>
                    	</c:forEach>
                    	
                        
                    </ul>
                </div>
            </div>
            <div class="boxfoot_v3 w260 mg pr h5">
        		<span class="lb"></span>
            	<span class="rb"></span>	
       		</div>
        </div>
        <div id="pager" class="h_page"></div>
    </div>
	

</div>



<!-- foot-->
<%@include file="../common/footer.jsp" %>
<script type="text/javascript">
	$(function() {
		//分页方法
		$("#pager").pager({
			pagenumber : "${pageModel.currentPage}",
			pagecount : "${pageModel.totalPage}",
			buttonClickCallback : function(page) {
				location.href = "topic.htm?page="+page;
			}
		});
		
	});
</script>
</body>
</html>
